<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, maximum-scale=1, user-scalable=no">
		<title>专家推荐</title>
		<link rel="stylesheet" href="css/analyse.css" />

	    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>	
	    <!--<script src="wzlh5/js/dist/seajs/2.3.0/dist/sea.js"></script>-->
	</head>
	<body>
		<div class="zhongjiang">
			
			<img src="img/news/banner_3.jpg" alt="" />
		</div>
		<div class="zhuanjia">
			<p>神秘专家</p>
			<ul style="padding-top:none;">
				<li>
					<div><img src="img/analyse/cluo.jpg" alt="" /></div>
					<div>罗罗侃球</div>
					<div style="color:#E71F19">推荐胜率：93%</div>
					<div class="look_up" id="30"><span  class="30">订阅查看</span></div>
				</li>
				<li>
					<div><img src="img/analyse/meixi.jpg" alt="" /></div>
					<div>梅叔神策</div>
					<div >推荐胜率：86%</div>
					<div class="look_up" title="20"><span  class="20">订阅查看</span></div>
				</li>
				<li>
					<div><img src="img/analyse/neimaer.jpg" alt="" /></div>
					<div>竞彩小马</div>
					<div class>推荐胜率：78%</div>
					<div class="look_up" ><span  class="10">订阅查看</span></div>
				</li>
			</ul>
		</div>		
		<div class="recommend">			
			<ul>
				<li style="padding-left:20px; margin-top:2px; padding-top:20px;background-color: #fff;">专家推荐</li>
				<li>
					<a href="wzlh5/article/news1.html">
						<div class="mui-input-row">
							<h2>冤家聚首 J罗领衔PK本田...</h2>
							<span>罗神预测哥伦比亚小胜 小球收盘</span>
						</div>
					</a>
				</li>
				<li>
					<a href="wzlh5/article/news2.html">
						<div class="mui-input-row">
							<h2>波兰铁卫再度受伤...</h2>
							<span>梅神预测平局收场，闷平小球</span>
						</div>
					</a>
				</li>
				<li>
					<a href="wzlh5/article/news3.html">
						<div class="mui-input-row">
							<h2>东道主气势汹汹干死埃及还需火候...</h2>
							<span>小马预测平局收场  小球盘口</span>
						</div>
					</a>
				</li>	
			</ul>
			<div class="pay-container">
				<div></div>
			<ul>
				<li>订单金额：<span class="payMoney"></span> <b class="btn-close">x</b></li>
				<li>优惠劵 <span>无可用的优惠券</span> </li>
				<li>
					需要支付<br>
					<div class="payMoney"></div>
				</li>
				<li class="btn" >微信支付</span></li>
				<li>专家推荐是付费阅读，不等同于购彩</li>
			</ul>
		</div>
		</div>	
			
		<script src="js/jquery-1.8.0.min.js"></script>
		<script src="js/jquery.cookie.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script src="https://cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>
		<script src="js/goods.js"></script>
		<script>
			var url =window.location.search; //获取url中"?"符后的字串
			var totalAmount;//总价
            var theRequest = new Object(); 
            if (url.indexOf("?") != -1) { 
				var str = url.substr(1);
				strs = str.split("&");
				for(var i = 0; i < strs.length; i ++) {
				theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
			   }
			   $.cookie('phoneNum',theRequest.customerUserPhone, { path : '/'})
			}

			$('.look_up').on('click','span',function(){	
				$('.pay-container').addClass('payBlockContainer');

                var money=$(this).attr('class');
                totalAmount = money;
				var moneyTwo=$(this).attr('class')+'.00元';
				$.cookie('money', money, { path : '/'})
				$(".payMoney").html(moneyTwo);

			})
            $('.btn').on('click',function(){
                var phoneNum= window.localStorage.getItem("phoneNum");
                if(!phoneNum){
                    layer.msg("获取用户信息错误");
                    return;
                }
                //调用微信支付
                createOrder(phoneNum,totalAmount);

            })
			$('.btn-close').on('click',function(){
				$('.pay-container').removeClass('payBlockContainer');	
			})
		</script>
	</body>
</html>
